/*---------------------------------------------------*/
html,body{margin:0 auto; padding:0; font-size:12px; line-height:24px; background:#fff;font-family:"微软雅黑","Microsoft Yahei"; text-decoration:none; color:#666; }
a{font-size:12px; line-height:24px; color:#666;text-decoration:none; }
a:hover{color:#0173e2;}
img{border:0;}
table{border-collapse:collapse;}
ul,dl,ol,li{list-style:none; }
ul,dl,ol,li,dt,dd,h1,h2,h3,h4,p,div{margin:0; padding:0;}
/*-----------------------------------------------------------------------------------------------*/
.clear{clear:both; height:0; font-size:1px; line-height:1px;}
.fl{float:left;}
.fr{float:right;}
.inner{display:block; width:1200px; margin:0 auto;}

.z2{font-size:15px;color:#0173e2;}

.ding{display:block; width:100%; height:40px; background:#fff; box-shadow:0px 0px 1px 1px #eee;}
.ding .fl{width:700px;line-height:40px; font-size:14px;}
.ding .fr{width:420px;}
.ding .fr .tel{float:left; line-height:40px; font-size:14px;}
.ding .fr .tel .blue{color:#0173e2; font-size:16px; font-family:Arial, Helvetica, sans-serif;}


.ding .fr  .search{float:right;width:198px; height:26px; background:url(../images/search_bg.jpg) no-repeat left bottom; padding-top:7px;}
.ding .fr  .search .txt{float:left;width:158px; height:26px; border:none; background:none; padding-left:10px;line-height:28px;color:#666; font-size:13px; }
.ding .fr  .search .btnx{float:right;width:30px; height:26px;border:none; background:none;cursor:pointer;}

.logo{display:block; width:1200px; margin:0 auto;height:130px;}
.logo .fl{width:500px; padding-top:25px;}
.logo .fr{width:280px;padding-top:20px;}
.logo .fr .tel{float:left; width:130px; margin-top:15px; font-size:14px;padding-left:50px; background:url(../images/tel.jpg) no-repeat left center;height:50px;}
.logo .fr .tel .tt{display:block;line-height:20px;}
.logo .fr .ewm{float:right; width:93px;}


.menu{display:block; width:100%; height:56px; background:#0173e2;line-height:56px;overflow:hidden;}
.nav-menu {display: block;width:1200px;margin:0 auto;}
.nav-menu > li {float:left;width:150px;line-height:56px;}

.nav-menu li a {color: #fff;display: block;font-size: 15px; width:150px; height:56px; line-height:56px; font-weight:bold;}
.three-d {
    /* 任务三、设置3D舞台布景 */
    -webkit-perspective: 200px;
    -moz-perspective: 200px;
    -ms-perspective: 200px;
    -o-perspective: 200px;
    perspective: 200px;
    /*任务四、设置3D舞台布景过渡效果*/
    -webkit-transition: all .07s linear;
    -moz-transition: all .07s linear;
    -ms-transition: all .07s linear;
    -o-transition: all .07s linear;
    transition:all .7s linear;
    position: relative;
}

/*任务五、给不是当前状态的3D舞台的悬浮与聚焦状态设置变形效果*/
.three-d:not(.active):hover .three-d-box,  .three-d:not(.active):focus .three-d-box {
    -wekbit-transform: translateZ(-28px) rotateX(90deg);
    -moz-transform: translateZ(-28px) rotateX(90deg);
    -o-transform: translateZ(-28px) rotateX(90deg);
    -ms-transform: translateZ(-28px) rotateX(90deg);
    transform: translateZ(-28px) rotateX(90deg);
    /*    -webkit-transform:rotateX(90deg) translatez(-25px);*/
    /*   -webkit-transform:rotatex(90deg);*/
}
.three-d-box {
    /*任务六、给3D舞台中“.three-d-box”设置过渡与变形效果*/
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    -webkit-transform: translatez(-28px);
    -moz-transform: translatez(-28px);
    -ms-transform: translatez(-28px);
    -o-transform: translatez(-28px);
    transform: translatez(-28px);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    -ms-pointer-events: none;
    -o-pointer-events: none;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 56px;
}
/*任务七、给导航设置3D前，与3D后变形效果*/
.front, .back {
    /*----------------*/
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    -ms-pointer-events: none;
    -o-pointer-events: none;
    pointer-events: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;font-weight:bold;
}
.front {display:block;
    -webkit-transform: rotatex(0deg) translatez(28px);
    -moz-transform: rotatex(0deg) translatez(28px);
    -ms-transform: rotatex(0deg) translatez(28px);
    -o-transform: rotatex(0deg) translatez(28px);
    transform: rotatex(0deg) translatez(28px);
	width:150px; height:60px;line-height:60px;
	text-align:center;
}
.back {display:block;
    -webkit-transform: rotatex(-90deg) translatez(28px);
    -moz-transform: rotatex(-90deg) translatez(28px);
    -ms-transform: rotatex(-90deg) translatez(28px);
    -o-transform: rotatex(-90deg) translatez(28px);
    transform: rotatex(-90deg) translatez(28px);
    color: #FFE7C4;
	width:150px; height:56px;line-height:56px;
	text-align:center;
	top:5px;
}

/*任务八、设置导航当前状态与悬浮状态下的背景效果*/
.nav-menu li .active .front,  .nav-menu li .active .back,  .nav-menu li a:hover .front,  .nav-menu li a:hover .back {
    background-color: #f1592a;color: #fff;}
	
	
	
	
/*-------------------------------------------------------------------------------------------------------------------------------*/
#banner{display:block;cursor:pointer;width:100%;height:480px;position:relative;margin:0px auto;z-index:2;overflow:hidden;}
#banner .imglist{width:100%;height:480px;position:absolute;top:0px;left:0px;}
#banner .left{display:block;position:absolute;left:5%; top:220px;width:40px; height:74px;background:url(../images/focus_btn.png) no-repeat 0px  top;z-index:7;}
#banner .right{display:block;position:absolute; right:5%; top:220px;width:40px; height:74px;background:url(../images/focus_btn.png) no-repeat -36px top;z-index:8;}
.btn{position:absolute;bottom:10px;left:47%;display:block;padding:2px 15px; border-radius:11px;z-index:3;}
.btn li{float:left;height:16px;width:16px;margin:0px2px; background:url("../images/1.png") no-repeat; cursor:pointer;}
.btn .hover{background:url("../images/2.png") no-repeat;}


.bot{display:block; width:100%;  background:url(../images/bot.jpg) repeat left top; margin-top:50px;}
.bot .inner{display:block; padding-top:50px;}
.bot .inner .fl{width:850px;}
.bot .inner .fr{width:320px;}

.bot .inner .fl dl{float:left;width:160px;margin-right:30px;}
.bot .inner .fl dl dt{display:block; line-height:50px; margin-bottom:8px;}
.bot .inner .fl dl dt a{display:block; line-height:50px; font-size:18px; font-weight:bold; color:#fff; background:url(../images/xian.png) repeat-x left bottom;}
.bot .inner .fl dl dd{display:block; }
.bot .inner .fl dl dd a{display:block;font-size:14px; line-height:26px; color:#fff;}

.bot .inner .fl dl.f1{float:left;width:160px;}
.bot .inner .fl dl.f2{float:left; width:340px;}
.bot .inner .fl dl.f2 dd{float:left; width:50%;}
.bot .inner .fl dl.f2 dd a{display:block; font-size:14px; line-height:26px; color:#fff;}
.bot .inner .fl dl.f3{float:left; width:250px;margin-right:0px;}
.bot .inner .fl dl.f3 dd{display:block; color:#fff; font-size:14px; width:100%;}

.bot .inner .fr .qq{float:left; width:66px; height:94px; border:1px solid #aaaaaa;margin-right:20px;font-size:14px; line-height:40px; color:#fff;}
.bot .inner .fr .qq img{display:block;margin:0 auto; margin-top:15px;}
.bot .inner .fr .qq a{display:block;font-size:14px; line-height:40px; color:#fff; text-align:center;}

.bot .inner .fr .alibaba{float:left;width:115px;height:94px;border:1px solid #aaaaaa;margin-right:20px;font-size:14px; line-height:40px; color:#fff;}
.bot .inner .fr .alibaba a{display:block; text-align:center;font-size:14px; line-height:40px; color:#fff;}
.bot .inner .fr .alibaba a img{display:block; margin:0 auto; margin-top:3px; }

.bot .inner .fr .ewm{float:right; width:93px; height:93px;}
.bot .inner .fr .ewm img{display:block; width:100%;}

.bot .support{display:block; width:1200px; margin:0 auto; color:#fff; font-size:14px; line-height:24px; margin-top:30px; padding:10px 0px;}
.bot .support a{color:#fff; font-size:14px; line-height:24px;}